<template>
    <div>
        <h2>Child Slot</h2>
        <h3>默认插槽</h3>
        <slot></slot>
        <hr>
        <h3>具名插槽</h3>
        <slot name="testSlot"></slot>
        <hr>
        <slot></slot>
        <hr>
        <h3>作用域插槽，可以传递数据的插槽，子组件可以将数据回传给父组件</h3>
        <slot :datas="datas" name="zyyslot"></slot>
    </div>
</template>
<script setup>
import {ref} from 'vue'

//作用域插槽：就是可以传递数据的插槽，子组件可以将数据回传给父组件，父组件可以决定这些回传数据是以何种结构或者外观在子组件内部去展示！！！
const datas=ref([1,2,3,4,5,6])

</script>